﻿@charset "utf-8";
/* CSS Document */
body{background:#f9f9f9;color:#333;font-family:Microsoft YaHei,Verdana,Arial,Helvetica,sans-serif;font-size:13px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,img{margin:0;padding:0;list-style:none outside none;}
html { height: 100%; overflow-x: auto;overflow-y: scroll; _padding-right: 8px;/*--hp 2011.3.10---*/ }
.body-bg {height: 100%; width: 100%; overflow: hidden; }
form { padding: 0; margin: 0; }/*--lee2011.2.28增加--*/
table,td,th{border:0;border-collapse:collapse; border-spacing:0;font-size:13px;padding:0;}
td{padding:3px;}
.upload_pic td{padding:0;}
.cursor{cursor:pointer;}
a, a:link, a:visited, a:active { color: #36c; text-decoration: none; }
a:hover { color: #0077dd; text-decoration: underline; }
a.add,a.add:visited{color:#fff;text-align:center;display:inline-block;}
.clear { clear: both; margin: 0; padding: 0; font-size: 0; border: 0px; }
/*-----文本框-----*/
input{height:20px; line-height:20px; border: 1px solid #CECECE;font-family:Microsoft YaHei,Verdana,Arial,Helvetica,sans-serif;font-size:13px;}
.input-2 { width: 200px; }
.input-3 { width: 300px; }
.input-4 { width: 20px; }
.input-5 { width:63px !important; }
.input-6 { width:68px !important; }
.input-7 { width:70%;height:auto; }
.input-8 { width:100px !important; }
select{font-family:Microsoft YaHei,Verdana,Arial,Helvetica,sans-serif;font-size:13px;}
select.input-5{height:auto;}

/*-----文本域-----*/
textarea {font-family:Microsoft YaHei,Verdana,Arial,Helvetica,sans-serif;font-size:13px;}
/*-----按钮-----*/
.btn-1, .btn-3 {border:none;background: url(../images/btn.gif) no-repeat 0 0; width: 65px; height: 23px; cursor: pointer; line-height: 23px; }
.btn-2 {border:none;background:#34aed7; color: #fff; width:100px; height:25px; cursor: pointer; line-height:25px; }
.btn-3 {border:none;background: url(../images/btn.gif) no-repeat 0 -120px; width: 65px; padding: 0 0 0 14px; text-align: left; }
.btn-4 {border:none;background: url(../images/btn.gif) no-repeat 0 -160px; width: 80px; height: 26px; cursor: pointer; line-height: 26px; }/*--hp---上传图片确定按钮---2011-02-28新增-----*/
.btn-s-1, .btn-s-2, .btn-s-3, .btn-s-4, .btn-s-5, .btn-s-6, .btn-s-7, .btn-s-8 {border:none;background: url(../images/btn.gif) no-repeat 0 -559px; height: 20px; cursor: pointer; line-height: 20px; padding: 0 0 0 16px; margin: 0 3px 0 0; width: 40px; }
.btn-s-2, .btn-s-4 { background: url(../images/btn.gif) no-repeat 0 -516px; padding: 0 0 0 10px; }
.btn-s-3 { background: url(../images/btn.gif) no-repeat 0 -599px; }
.btn-s-4 { background: url(../images/btn.gif) no-repeat 0 -638px; }
.btn-s-5 { width: 66px; background: url(../images/btn.gif) no-repeat 0 -678px; }/*--hp---详细信息按钮---2011-02-28新增-----*/
.btn-s-6 { background: url(../images/btn.gif) no-repeat 0 -718px; }/*-----hp-确认小按钮-2011-03-01-----*/
.btn-s-7 { width: 66px; background: url(../images/btn.gif) no-repeat 0 -758px; }/*-----hp-状态信息-2011-03-01-----*/
/*create fan 20110321*/
.btn-s-8 { width: 66px; background: url(../images/btn.gif) no-repeat 0 -519; }
/*create fan 20110321 end*/
/*-----分页按钮-----*/
.btn-page-1, .btn-page-2, .btn-page-3, .btn-page-4, .btn-page-5 {border:none;background: url(../images/btn.gif) no-repeat 0 -360px; width: 37px; height: 15px; cursor: pointer; margin: 0 3px; }
.btn-page-2 { background: url(../images/btn.gif) no-repeat 0 -480px; }
.btn-page-3 { width: 43px; background: url(../images/btn.gif) no-repeat 0 -400px; }
.btn-page-4 { width: 43px; background: url(../images/btn.gif) no-repeat 0 -440px; }
.btn-page-5 { width: 25px; background: url(../images/btn.gif) no-repeat 0 -320px; }
/*-----标题-----*/
h3.title-1 { font-size: 16px; height: 30px; line-height: 30px; text-align: center; border-bottom: 1px solid #d7d7d7;margin: 0 0 20px 0; }
.tab-frame{width:900px;}
.tab-title-1 {background: url(../images/index_11.jpg) repeat-x;height:32px;color:#555;font-weight:bold; font-size: 14px; border:1px solid #ccc;}
.tab-title-1 span{background: url(../images/list_1.gif) no-repeat;padding-left:20px;display:inline-block;margin:7px 0 0 10px;line-height:19px;}
.tab-title-2 { height: 25px; line-height: 25px; color: #027de5; font-weight: bold; font-size: 14px; }
/*-------顶部--------*/
.header {background:#34aed7;color:#fff;height:70px;padding:0px 1%;}
.logo{float:left; }
.login{float:right;line-height:70px;}
.header a, .header a:visited, .header a:hover { color: #fff; }
/*-------左边--------*/
.left-frame {background:#f9f9f9;border:1px solid #b3cddc;border-top:0 none;height:100%;overflow: hidden;width:165px;}
.left-f-title {background: #e1f0fa;border-bottom:1px solid #dde4ea;height:40px;line-height:40px;padding-left:20px; font-weight: bold; }
.left-f-title span{background: url(../images/menu_ico.gif) 0 -221px;padding-left:20px;}
.left-f-content { padding: 20px 0 0 10px; width: 153px; overflow-y: hidden; overflow-x: hidden; height: 80%; *height:expression(document.body.offsetHeight - 140 + 'px');
}
/*-------左边-菜单-------*/
#menu li {margin: 0 0 10px 0; }
#menu ul { margin: 3px 0 15px 0; }
#menu ul, #menu li, #menu span { cursor: pointer; }
.menu-undis { display: none; }
#menu a,#menu a:visited,#menu a:hover{text-decoration: none;color: #333; }
.menu-home, span.menu-list { background: url(../images/menu_ico.gif) no-repeat 0 0; height: 18px; width: 120px; padding:7px 0 7px 30px; }
span.menu-list { background: url(../images/menu_ico.gif) no-repeat 0 -30px; display: block; }
span.menu-l-s, span.menu-l-n, span.menu-l-n-s { background: url(../images/menu_ico.gif) no-repeat 0 -64px; display: block; height: 11px; width: 100px; padding: 11px 0 0 10px; margin-left: 30px; }
span.menu-l-n { background: url(../images/menu_ico.gif) no-repeat 0 -95px; }
span.menu-l-n-s { margin-left: 50px; }
/*-------右边--------*/
.right-frame {position:absolute;top:70px;left:168px;bottom:0;right:0px; z-index: 4;}
.right-f-title { background: url(../images/index_08.jpg) repeat-x 0 0; height: 35px; }
.right-f-t-txt { background: #e1f0fa;border-bottom:1px solid #cfe0e7;height:40px;line-height:40px;padding-left:20px;}
#mainFrame { _width:expression(document.body.offsetWidth - 168 + 'px');
 *height:expression(document.body.offsetHeight - 123 + 'px');
z-index: 5;}
/*-------管理首页--------*/
.sub-body {width:97%;margin:20px 0 20px 20px;}
.tab-display {text-align: center;border: 1px solid #ccc;border-top: none;margin-top:-1px;}
.tab-frame td {border:1px solid #ccc;}
.tab-frame th {background:#F5F5F5;border:1px solid #ccc;height:25px;overflow:hidden;}
.page { float: right; padding: 10px 10px 10px 0 }
.page span { margin: 0 5px; }
.page span a { margin: 0 2px; font-weight: bold; }

/* 搜索查询 2013.02.23*/
.tab-search select{width:76%; }
.search th{border:1px solid #ccc;background:#e1f0fa;font-weight:normal;}
.search td{border:1px solid #ccc;}



/*-------样板登记--------*/
.tab-add { width: 100%; background-color: #fff; text-align: center; border: 1px solid #ccc; }
.tab-search { width: 100%;}
.tab-pic img { width: 50px; padding: 1px; border: 1px solid #d7d7d7; margin: 0 5px 0 0; }
/* create fan 20110309 start */
a:hover.pic_del { text-decoration: none; }
.pic_del { background: url(../images/btn.gif) no-repeat 0 -519px; padding: 0 0 0 12px; margin: 0 0 0 10px; }
/* create fan 20110309 end */

/* --Create-----lee-2011.2.25----新增---- */
.Create {margin:15px 0 ;}
/* --Create-----lee-2011.2.25---END----- */


/*-------hp--2011-02-28---新增---*/
.tab-align-l { text-align: left; }
.home-pic { width: 550px; height: 400px; clear: both; margin: 5% auto 0 auto; }
.home-txt { color: #999; position: absolute; right: 10px; bottom: 10px; }
.ok, .no, .returns { width: 250px; clear: both; margin: 50px auto 0 auto; background: url(../images/ok.gif) 0 no-repeat; padding: 15px 0 15px 55px; font-size: 14px; text-align: left; }
.no { background: url(../images/no.gif) 0 0 no-repeat; }
.returns { margin: 5px auto 0 auto; background: none; }
/*--------hp--2011-02-28---End--------*/
/* fan 20110315 start */
.select-txt { position: absolute; width: 360px; background-color: #FFFFFF; border: 1px solid #A1C1DD; top: 23px; left: 0; max-height: 200px; overflow-y: auto; overflow-x: hidden; }
.select-txt li { line-height: 15px; padding: 5px 0 0 3px; width: 357px; cursor: default; }
.select-txt li.over { background-color: #E2EAF0; }
.select-input { position: relative; }
/* fan 20110315 end */

/*   公共样式 2013-02-23*/
.ver_t{vertical-align:top;}
.text_c{text-align:center;}
.data{padding:10px 0;overflow:hidden;height:100%;width: 1180px;}
.information{float:left;margin:0 20px;width:60%;display:inline;}
.statistics{float:left;width:295px;}
.inquiry{border:none;background:#34aed7;color:#fff;font-size:14px;height:25px;cursor:pointer;width:95px !important;}
.tab-frame-s{margin:20px 0;}
.search input,.search select{width:160px;}



/*   色料库*/

/*首页*/
.tab_info{margin:10px 0 30px;min-height:20px;}
.tab_info td {border:1px solid #ccc;overflow:hidden;height:20px;}
.tab_info th {background: url(../images/index_11.jpg) 0 -0;border:1px solid #ccc;font-weight:normal;height:24px;lie-height:24px; }

/*上传附件*/
#file_pigai,#qcreport_files,#file_hetong,#beizhu_files{width:700px;}
#sample_customer_filesize span,#file_pigai span,#qcreport_files span,#file_hetong span,#beizhu_files span{display:inline-block;margin-right:30px;}

/* 切换按钮样式 */
.introduce_ti{ height:24px;  background:url(../images/titleimg_03.jpg) repeat-x; border-right:1px solid #d7d7d7;}
.introduce_ti p{ float:left; width:87px; height:29px; line-height:31px; text-align:center; font-weight:bold; color:#9d5656; font-size:14px; border-right:1px solid #d7d7d7;border-left:1px solid #d7d7d7; cursor:pointer;}
.introduce_ti p a{ float:left; width:87px; height:29px; line-height:31px; text-align:center; font-weight:bold; color:#9d5656; font-size:14px; border-right:1px solid #d7d7d7;border-left:1px solid #d7d7d7; cursor:pointer;}
.introduce_ti .in_tis{ background:url(../images/xiangqin_tab.jpg) no-repeat; color:#fff; border-right:none; border-left:none;}
.introduce_ti .in_tis a{ background:url(../images/xiangqin_tab.jpg) no-repeat; color:#fff; border-right:none; border-left:none;}
.introduce_r{width:780px;  }
